<%@ taglib prefix="s" uri="/struts-tags" %>
<%@taglib uri="/my_el" prefix="el"%>
<%--
  Created by IntelliJ IDEA.
  User: etund
  Date: 2014/10/26
  Time: 16:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<s:debug></s:debug>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <jsp:include page="jsp/public/init.jsp"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/light/light.css" type="text/css" media="screen" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider();
        });
    </script>
    <style type="text/css">
        .nivo-caption {
            position: absolute;
            bottom:20px !important;
            color: #fff;
            left: 50% !important;
            margin: 0px 0px 30px -480px;
            /*padding: 0 !important;*/
            width: 1000px !important;
            height: 160px;
            z-index: 9985;
            display: block !important;
            opacity: 1 !important;
            /*background: url(/images/black.png) !important;*/
            padding: 10px 10px !important;
            border-radius:8px;
        }
        .nivo-caption span{
            padding: 10px 0;
            display: block;
        }
        .nivo-caption a{
            border: none !important;
        }

    </style>
</head>
<body>
<jsp:include page="jsp/public/header.jsp"/>
<script type="text/javascript">
    $(".nav ul li:eq(0)").addClass("nav_selected").find("a").addClass("nav_selected_a")
            .parent() .siblings().removeClass("nav_selected").find("a").removeClass("nav_selected_a");
</script>
<!-- Banner Start -->
<div class="banner">

    <div class="slider-wrapper theme-light">
        <div id="slider" class="nivoSlider">
            <!--<a href="#">-->
            <s:iterator value="%{#headMovie}" var="hm">
            <a href="#"><img style="width:100%;height: 100%" src="${pageContext.request.contextPath}<s:property value='#hm.headPath'></s:property> " data-thumb="./images/banner/1.jpg" alt="" title="#banner0"/></a>
            <%--<a href="#"><img style="width:100%;height: 100%" src="${pageContext.request.contextPath}/images/banner/2.jpg" data-thumb="./images/banner/2.jpg" alt="" title="#banner0"/></a>--%>
            <%--<a href="#"><img style="width:100%;height: 100%" src="${pageContext.request.contextPath}/images/banner/3.jpg" data-thumb="./images/banner/3.jpg" alt="" title="#banner0"/></a>--%>
            <!--</a>-->
            </s:iterator>
        </div>

        <div id="banner0" class="nivo-html-caption text">
            <div class="ban-capt-desc">
                <div class="ban-capt-mid">
                    <div class="ban-capt-in">
                        <!--<img src="./images/index_shadow.png" style="position:absolute;bottom:0;width:100%;height: 100%">-->
                        <h1><a class="white" href="#" style="font-family: '黑体'">标题 </a></h1>
                        <span style="display: inline">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                        <a href="#"><span style="display: inline;line-height:23px;">内容
                    </span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<script type="text/javascript">-->
<!--$(document).ready(function(){-->
<!--var width = $(window).width();-->
<!--var height = width/3.7;-->
<!--$(".banner").css("height",height);-->

<!--});-->
<!--</script>-->
<%--<div style="background-color: #ffffff;position: relative;top:-50px">--%>
<div class="inner" style="padding-top:70px;">
<div>
    <div class="moiveNav">
        <a href="javascript:void(0)" class="selected">正在热映</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="javascript:void(0)">即将上映</a>&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="/index_theater.do" style="font-size: 15px;font-weight:normal;margin-top: 15px;">更多影片>></a>
    </div>
    <div class="moiveList indexMoiveList" id="nowMoive">
        <ul class="clearfix">
            <s:iterator value="%{#nowMovie}" var="nm">
            <%--<s:iterator value="%{#session.nowMovie}" var="nm">--%>
                <li>
                    <div>
                        <div class="moiveImg"><a href="/movie_moviePreview.do?id=<s:property value='#nm.id'></s:property> "><img src="${pageContext.request.contextPath}<s:property value='#nm.imagePath'/>"/></a></div>
                        <div><p><s:property value="#nm.movieName"></s:property> </p></div>
                        <div><span class="star${el:reverse(score*10)}"></span><span><s:property value="%{score*2}"></s:property></span><div class="clear"></div></div>
                        <div ><a href="${pageContext.request.contextPath}/jsp/home/SelectSeatUI.jsp"><div class="button">选座购票</div></a></div>
                    </div>
                    <div class="tanchu">
                        <div class="showinfo">
                            <%--<em style="width:40px;height:40px;background:url(${pageContext.request.contextPath}/images/prev.gif) no-repeat 40px 0;position:absolute;top:125px;left:-45px;"></em>--%>
                            <h3>露水红颜（2014）</h3>
                            <h4 class="normal">For Love or Money</h4>
                            <p>98分钟-爱情/剧情</p>
                            <p>11月07日上映&nbsp;-&nbsp;10加影院上映64场</p>
                        </div>
                        <div style="border-top: 1px dotted silver;position:relative;padding:20px;text-align:left;">
                            <em>“</em>
                            漂亮女生邢露，一个没落贵族的后代，只能像一个普通女孩一样飘泊。情动、邂逅、初恋、失恋，邢...
                        </div>
                    </div>
                </li>
             </s:iterator>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/m2.png"/></a></div>--%>
                    <%--<div><p>宇宙之子</p></div>--%>
                    <%--<div><span class="star30"></span><span>6.0</span><div class="clear"></div></div>--%>
                    <%--<div ><div class="button">选座购票</div></div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/m3.png"/></a></div>--%>
                    <%--<div><p>心花路放</p></div>--%>
                    <%--<div><span class="star35"></span><span>7.2</span><div class="clear"></div></div>--%>
                    <%--<div ><div class="button">选座购票</div></div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/m4.png"/></a></div>--%>
                    <%--<div><p>超体</p></div>--%>
                    <%--<div><span class="star45"></span><span>6.8</span><div class="clear"></div></div>--%>
                    <%--<div ><div class="button">选座购票</div></div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/m5.png"/></a></div>--%>
                    <%--<div><p>移动迷宫</p></div>--%>
                    <%--<div><span class="star35"></span><span>7.2</span><div class="clear"></div></div>--%>
                    <%--<div ><div class="button">选座购票</div></div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/m6.png"/></a></div>--%>
                    <%--<div><p>不能说的夏天</p></div>--%>
                    <%--<div><span class="star35"></span><span>7.0</span><div class="clear"></div></div>--%>
                    <%--<div ><div class="button">选座购票</div></div>--%>
                <%--</div>--%>
            <%--</li>--%>
        </ul>
    </div>
    <div class="moiveList indexMoiveList" style="display: none" id="laterMoive">
        <ul class="clearfix">
            <s:iterator value="%{#previewMovie}" var="pm">
                <li>
                    <div>
                        <div class="moiveImg"><a href="/movie_moviePreview.do?id=<s:property value='#pm.id'></s:property> "><img src="${pageContext.request.contextPath}<s:property value='#pm.imagePath'/>"/></a></div>
                        <div><s:property value="#pm.movieName"></s:property></div>
                        <div>预计上映:<s:property value="#pm.realseTime"></s:property></div>
                    </div>
                    <div class="tanchu">
                        <div class="showinfo">
                                <%--<em style="width:40px;height:40px;background:url(${pageContext.request.contextPath}/images/prev.gif) no-repeat 40px 0;position:absolute;top:125px;left:-45px;"></em>--%>
                            <h3>露水红颜（2014）</h3>
                            <h4 class="normal">For Love or Money</h4>
                            <p>98分钟-爱情/剧情</p>
                            <p>11月07日上映&nbsp;-&nbsp;10加影院上映64场</p>
                        </div>
                        <div style="border-top: 1px dotted silver;position:relative;padding:20px;text-align:left;">
                            <em>“</em>
                            漂亮女生邢露，一个没落贵族的后代，只能像一个普通女孩一样飘泊。情动、邂逅、初恋、失恋，邢...
                        </div>
                    </div>
                </li>
            </s:iterator>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/lm2.png"/></a></div>--%>
                    <%--<div>忍者神龟：变种时代</div>--%>
                    <%--<div>10月31日上映</div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/lm3.png"/></a></div>--%>
                    <%--<div>孤岛</div>--%>
                    <%--<div>10月31日上映</div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/lm4.png"/></a></div>--%>
                    <%--<div>夜莺</div>--%>
                    <%--<div>10月31日上映</div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/lm5.png"/></a></div>--%>
                    <%--<div>一个人的武林</div>--%>
                    <%--<div>10月31日上映</div>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<div>--%>
                    <%--<div class="moiveImg"><a href="${pageContext.request.contextPath}/jsp/Theater/MoiveDetail.jsp"><img src="${pageContext.request.contextPath}/images/lm6.png"/></a></div>--%>
                    <%--<div>凤凰台</div>--%>
                    <%--<div>11月4日上映</div>--%>
                <%--</div>--%>
            <%--</li>--%>
        </ul>
    </div>
    <script type="text/javascript">
        $(".indexMoiveList ul li .moiveImg").hover(function(){
            $(this).parent().parent().find(".tanchu").stop().fadeIn("200");
        },function(){
            $(this).parent().parent().find(".tanchu").stop().fadeOut("fast");
        });
    </script>
</div>
<script type="text/javascript">
    $(".moiveNav a:eq(0)").click(function(){
        $(this).addClass("selected").siblings().removeClass("selected");
        $("#nowMoive").show().fadeIn();
        $("#laterMoive").hide();
    });
    $(".moiveNav a:eq(1)").click(function(){
        $(this).addClass("selected").siblings().removeClass("selected");
        $("#nowMoive").hide();
        $("#laterMoive").show().fadeIn();
    });
</script>
<div class="clearfix" style="width:100%;">
    <div class="hotComment">
        <div class="hotCommentNav">
            <a href="#" class="selected">热点影评</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="${pageContext.request.contextPath}/jsp/Community/CommunityHome.jsp">更多影评>></a>
        </div>
        <div class="hotCommentList">
            <ul>
                <s:iterator value="%{#umComment}" var="umc">
                        <li>
                        <div>
                            <div><a href="#"><s:property value="#umc.title"></s:property></a></div>
                            <div style="font-size: 13px">作者：<a href="${pageContext.request.contextPath}/jsp/home/personal.jsp"><s:property value="#umc.user.loginName"></s:property> </a>&nbsp;&nbsp;评论&nbsp;&nbsp;<a href="#">《消失的爱人》</a></div>
                            <div> &nbsp;&nbsp; &nbsp;&nbsp;<s:property value="#umc.content"></s:property><a href="#">[更多]</a></div>
                        </div>
                    </li>
                </s:iterator>
                <%--<li>--%>
                    <%--<div>--%>
                        <%--<div><a href="#">【S4E05有感】纵然所有人的世界都一片黑暗，我依然能看见一丝光。</a></div>--%>
                        <%--<div style="font-size: 13px">作者：<a href="${pageContext.request.contextPath}/jsp/home/personal.jsp">青崖客</a></div>--%>
                        <%--<div> &nbsp;&nbsp; &nbsp;&nbsp;这是开季以来最棒的一集。 这集POI涉及竞选内幕，还有谁能瞬间干扰十几万选票？ Ofcourse Samaritan！它现在不仅招募了大批特工执行人，还开始操纵政治傀儡了。金发女人的编号是ASSET 029，那么它旗下的asset总计至少是三位数。一次州长竞选就推上位...</div>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<div>--%>
                        <%--<div><a href="#">青春不是大篷车</a></div>--%>
                        <%--<div style="font-size: 13px">作者：<a href="${pageContext.request.contextPath}/jsp/home/personal.jsp">木卫二</a></div>--%>
                        <%--<div>&nbsp;&nbsp; &nbsp;&nbsp;很多人总是觉得，台湾电影要么离我们太远，像《阵头》和《总铺师》，讲的都是那旮旯的事。要么就是太轻，下至小清新，上到《看见台湾》，对水深火热吸足雾霾的大陆民众来说，台片说的，简直是轻描淡写，小打小闹。 但这部《不能说的夏天》，它讲了一个...</div>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<div>--%>
                        <%--<div><a href="#">【搬运工】五分钟教你看懂《深夜前的五分钟》——你不知道的33个细节解读</a></div>--%>
                        <%--<div style="font-size: 13px">作者：<a href="${pageContext.request.contextPath}/jsp/home/personal.jsp">烟花醉</a></div>--%>
                        <%--<div>&nbsp;&nbsp; &nbsp;&nbsp;文章来自微薄　@狼胸肉 @吸桑 合写于2014.10.24 ------------------------------hentaiの分界----------------------------- 　这个电影看完会有两种态度。一：“卧槽这是什么烂片看都看不懂”。二：“卧槽这个电影细节太惊人了，我到现在还无... /div>--%>
                        <%--</div>--%>
                       <%--</div>--%>
                <%--</li>--%>
            </ul>
        </div>

    </div>
    <div class="hotNews">
        <div class="hotNewsNav">
            <a href="#" class="selected">热门资讯</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="${pageContext.request.contextPath}/jsp/MoiveNews/WanhuatongHome.jsp">更多资讯>></a>
        </div>
        <div class="hotNewsList">
            <ul>
                <s:iterator value="%{#movieNewses}" var="mns">
                    <li>
                        <div>
                            <img src="${pageContext.request.contextPath}<s:property value="#mns.imagePath"></s:property>"/>
                        </div>
                        <div>
                            <h3><a href="#"><s:property value="#mns.title"></s:property></a></h3>
                            <span><s:property value="#mns.content"></s:property><a href="#">[更多]</a></span>
                        </div>
                    </li>
                </s:iterator>
                <%--<li>--%>
                    <%--<div>--%>
                        <%--<img src="${pageContext.request.contextPath}/images/mnews2.png"/>--%>
                    <%--</div>--%>
                    <%--<div>--%>
                        <%--<h3><a href="#">北美周五票房榜出炉</a></h3>--%>
                        <%--<span>低成本恐怖片《死亡占卜》登顶本周末北美票房榜，成为了环球影业、Blumhouse Pictures、还有迈克尔·贝的白金沙丘公司又一次以小博大的壮举。</span>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<div>--%>
                        <%--<img src="${pageContext.request.contextPath}/images/mnews3.png"/>--%>
                    <%--</div>--%>
                    <%--<div>--%>
                        <%--<h3><a href="#">"冬兵"回归《美队3》</a></h3>--%>
                        <%--<span>曾出演《美国队长》的男星塞巴斯蒂安·斯坦除了要准备回归《美国队长3》中的角色以外，还将参演《火星人》和《瑞克和闪电》。</span>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<div>--%>
                        <%--<img src="${pageContext.request.contextPath}/images/mnews4.png"/>--%>
                    <%--</div>--%>
                    <%--<div>--%>
                        <%--<h3><a href="#">"十二公民"罗马电影节夺冠</a></h3>--%>
                        <%--<span>中国电影《十二公民》在今天凌晨夺得罗马电影节 “马可·奥列留”奖，成为该电影节首部摘取最高大奖的中国电影。影片由徐昂执导、何冰、韩童生等演员主演，根据经典影片《十二怒汉》改编，讲述一桩富二代弑父的奇特案件。</span>--%>
                    <%--</div>--%>
                <%--</li>--%>
            </ul>
        </div>
    </div>
</div>
</div>
<%--</div>--%>
<jsp:include page="jsp/public/footer.jsp"/>
</body>
</html>